<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #box{width: 100px;height:100px;background: red}
    </style>
</head>
<body>
    <div id="box"></div>
</body>
<script>
    var box = document.querySelector("#box");

    box.onclick = function(abc){
        // console.log(abc)
        // console.log(window.event);
        // console.log(abc === window.event)

        // 利用if解决兼容
        // 判断
        // var e;
        // if(abc){
        //     e = abc;
        // }else{
        //     e = window.event;
        // }
        // 利用三元运算符解决兼容，利用隐式类型转换
        // var e = abc ? abc : window.event;
        // 利用逻辑运算符解决兼容：利用隐式类型转换
        var e = abc || window.event;

        console.log(e);
    }

</script>
</html>